<template>
    <div class="count">
        <ul>
            <li v-for="lis in list" :key="lis.id">
                <img :src="lis.src">
                <p>{{lis.name}}</p>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    data(){
        return{
            list:[{id:1,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/90680/2/21545/132265/61e288bdEca241b5a/bf8ac5a7ed341055.jpg.dpg',name:'￥80'},{id:2,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/138695/28/28931/62883/630ebc38Ee325d852/e52eb203a1c88728.png.webp',name:'￥1559'},{id:3,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/201084/32/23453/208109/62cb7a42Eca14c4f6/910eabb776502636.jpg.dpg',name:'￥2068'},{id:4,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/7811/39/19114/57094/630ddc20E610e6405/6ab358742fc7140d.jpg.dpg',name:'￥2649'},{id:5,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/195709/16/24859/143053/628468f9Ed1abe9f3/41e933d49bc10a75.jpg.dpg',name:'￥3779'},{id:6,src:'https://m.360buyimg.com/seckillcms/s150x150_jfs/t1/15130/19/18841/134461/634bf2ddE408367be/10a489c7dd394f65.jpg.dpg',name:'￥199'}]
        }
    }
}
</script>

<style lang="less" scoped>
    .count{
        padding: 0 10px;
        ul{
            height: 210px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: nowrap;
            li{
                width: 105px;
                height: 160px;
                img{
                    width: 105px;
                    height: 110px;
                }
                p{
                    color: red;
                    font-size: 24px;
                    font-weight: 550;
                }
            }
        }
    }
</style>